16 Excellent Pure HTML Slideshow Resources
Cute Slider is a unique and easy to use slider with awesome 3D and 2D transition effects, captions, 4 ready to use templates, video (youtube and vimeo) support and more impressive features which written with pure object oriented javascript. It has easy to implement and search engine optimized html markup.html
Option to set shuffle mode for slideshow
Option to add html content over slides. Developed with pure object oriented javascript.Add new feature: Shuffle mode for slideshow
2. CSS Slider
non jQuery Slider, pure CSS image slider.
Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!
No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly
Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker
This jQuery slider plugin uses unobstrusive javascript to transform a block of simple HTML slideshow code markup into a georgous elegant slider, which can be completely customized using HTML5 data attributes.Crossbrowser pure JS/CSS implementation.Multiple instances allowed in a single HTML page.
Ultimate Google Web Fonts code generator is a tool that allows you to instantly access all of Google’s open source web fonts, preview and generate code to use them with any website, regarding of technology used (PHP, Joomla, Magento, ROR, pure HTML, ASP.
Strapslide is the ultimate premium Bootstrap Slider Plugin offering the capability to show images, videos, html markup and captions paired with simple, modern and fancy 3D transitions.Slideshow Design
You can choose a Slideshow or a picture Slider tool.It use pure JavaScript without any plugins; Which means it’s cross browser.Again it use cross-browser pure JavaScript.<html xmlns="http://www.</html>
The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Basically the grid is added into a html page into a div of your chosing and it’s adapting based of that div’s width, the grid height is modified based on the number of thumbnails and if other elements are below the grid div they will be pushed down automatically (document flow). Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.
Customize this slider with just a little HTML (and CSS if you want) to your very needs.What makes this Slider unique is that you can define everything via CSS or HTML which makes it 100% customizable. You just need to know little HTML and Javascript. Thanks to the 7+1 themes in best cases only some customization of pure content is needed to get the needed result. Put the JS and CSS links in the head of your HTML site and build an unsorted list of items for example like this:
Customizable 100% via Plugin Parameters / CSS / HTML
Featured 3D Slider is a jQuery swap image that converts static HTML content into a 3D stage with smoothly moving objects. Slides are just wrappers of whatever HTML content you can imagine – images, captions, links, buttons, icons.Please, check the live preview of this slider and get answer of the question “Is this possible without Flash, but just pure jQuery?”
No Flash, just pure jQuery
Slides are HTML content (can be anything – links, texts, images, video embeds, etc.
Demo – Slideshow Effects:
Freeze slideshow/caption animation when touch
If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch
If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. slider (1%), slider with caption (4%), slider with slideshow (~4%)
360+ slideshow effects/transitions
Jssor slider comes with 360+ impressive slideshow effects/transitions
All UI is fully under control by html + css code. User can add any html code to each slide, and user can customize ‘navigator’, ‘thumbnail navigator’ to any format. Use any html/css code to customize thumbnail to anyformat
Any html code can be placed inside slide
HTML caption with animation (390+ caption transitions)
Auto slideshow with optional pause on hover
SEO friendly, any html code can be added to each slide, all are exposed directly to image search engine
Basically the grid is added into a HTML page into a div of your choice and it adapts based of that div’s width and height. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.
Basically the grid is added into a html page into a div of your chosing and it’s adapting based of that div’s width, the grid height is modified based on the thumbnails and if other elements are below the grid div they will be pushed down automatically (document flow). Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.
Minimal HTML : –
And i mean minimal, the only piece of form HTML code required to make spectrum work is a single tag, that being the element on which to create the gallery. Spectrum is a pure js module and has no library or decadencies.
Fully responsive 3D carousel that allows to display media or wordpress slider HTML content with an unique and original layout. Support for images and HTML content. Royal 3D Carousel can be used in any type of HTML page including Wordpress, at this link there is a demo page running in Wordpress (Please note that this is NOT a Wordpress plugin!, the carousel must be installed manually with slideshow HTML code and the content uploaded with a ftp client, we have included a tutorial about how to install it in Wordpress).
Developed with pure object oriented JavaScript
Extended HTML documentation
“iLightBox is real great plug! i don’t find a system to open the slideshow with only one thumb… great work”—Ciccio Pasticcio
This script is a pure javascript/jQuery solution and does not require a PHP server.This script requires you to load additional JS and CSS files for your website, as well as adding some custom HTML and JavaScript lines to your page code. While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website.
Crossbrowser pure JS/CSS implementation. Multiple instances allowed in a single HTML page.